<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Bootstrap 实例 - 图像</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div class="container">
		<p>添加 border-radius:6px 来获得图片圆角。</p> 
		<img src="img/carousel-photo4.jpg" class="img-rounded">
		<p> 添加 border-radius:50% 来让整个图片变成圆形。</p> 
		<img src="img/carousel-photo4.jpg" class="img-circle">
		<p> 缩略图功能,添加一些内边距（padding）和一个灰色的边框。</p> 
		<img src="img/carousel-photo4.jpg" class="img-thumbnail">
		<p> .img-responsive类让图片支持响应式，将很好地扩展到父元素 (通过改变窗口大小查看效果):</p>     
		<img src="img/carousel-photo4.jpg" class="img-responsive" alt="Cinque Terre" width="304" height="236"> 
	</div>
</body>
</html>